<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/v2/console/common/taglibs.jsp"%><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>北京校咖网络有限公司</title>
<meta http-equiv="keywords" content="校咔,校咔计划,校咔网络">
<meta http-equiv="description" content="以微信、微博、直播等为代表的社会化媒体，发展迅猛。依托其开展营销和推广活动，几乎是所有企事业单位都要做的事情，也是移动电子商务成功的关键。当前社会化媒体营销(SMM)岗位需求巨大，仅微信运营岗位就有1400多之万。但SMM专业人才却极其匮乏，高薪寻聘，仍一将难求。
">
<link rel="stylesheet" type="text/css" href="${path}/v2/siteSkill/css/index.css"/>
<link rel="stylesheet" type="text/css" href="${path}/v2/siteSkill/css/skillsharing.css"/>

<link rel="shortcut icon" type="image/x-icon" href="${path}/v2/site2.0/images/titleLogo.ico" media="screen" />
<link rel="stylesheet" type="text/css" href="${path}/v2/site2.0/css/jquery.slideBox.css"/>
<link rel="stylesheet" type="text/css" href="${path}/v2/site2.0/css/index.css"/>
<script src="${path}/v2/site2.0/js/jquery-1.7.1.min.js"></script>
<script src="${path}/v2/site2.0/js/jquery.slideBox.js"></script>
<script src="${path}/v2/site2.0/js/index.js"></script>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
<script src="http://webapi.amap.com/maps?v=1.3&key=5045cc76439c12153b42f0ac19a16dcf"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>

</head>

<body>
    <!--nav开始-->
    <jsp:include page="header.jsp"></jsp:include>
    <!--nav结束-->
    <!--banenr开始-->
    <div clas="banenr">
        <div class="bannerbox">
        	<a href="#">
            	<img src="${path}/v2/siteSkill/images/skillsharing_banner01.jpg"/>
            </a>
        </div>
   </div>
   <!--banenr结束-->
   <!--gg开始-->
   <div class="gg">
   		<div class="ggbox">
            <h2>国内最具活力的校园技能共享平台<br/>进高校，找校咖</h2>
        </div>
   </div>
   <!--gg结束-->
   <!--aboutus开始-->
   <div class="aboutus">
   		<div class="aboutusbox"></div>
        <div class="schoolyewu"></div>
   </div>
   <!--aboutus结束-->
   <!--gg开始-->
   <div class="gg">
   		<div class="ggbox">
            <h2>链接全国进高校商家资源<br/>助力商家落地校园更简单高效</h2>
        </div>
   </div>
   <!--gg结束-->
   <!--aboutus开始-->
   <div class="lizi">
   		<div class="lizibox"></div>
   </div>
   <!--aboutus结束-->
   <!--gg开始-->
   <div class="gg">
   		<div class="ggbox">
            <h2 id="ggspecail">校园人才资源，社团资源，异业资源</h2>
        </div>
   </div>
   <!--gg结束-->
   <div class="tijiao">
   		<div class="tijiaobox">
        	<ul>
        		<form action="" id="formId" method="post">
	            	<li><span>*&nbsp;&nbsp;</span><input id="userName" name="userName" placeholder="您的姓名" type="text"/></li>
	            	<li><span>*&nbsp;&nbsp;</span><input id="phone" name="phone" placeholder="您的联系方式" type="text"/></li>
	            	<!-- <li><span>*&nbsp;&nbsp;</span><input id="companyName" name="companyName" placeholder="您的公司" type="text"/></li>
	            	<li><span>*&nbsp;&nbsp;</span><input id="positionName" name="positionName" placeholder="您的职位" type="text"/></li> -->
	            	<li><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><textarea id="cooperationNeeds" name="cooperationNeeds" placeholder="您的进校园异业合作需求" style="font-size:12px;"></textarea></li>
            	</form>
            </ul>
           <!--  <div class="tijiaoright" id="dituContent">
            	<div id="container"></div>
            </div> -->
            <div id="tijiao_button"><input type="button" onclick="addUserInfo();" value="点击提交，开启精彩"></div>
        </div>
        
   </div>
   <div class="ditu">
   		<h3>北京校咖网络有限公司</h3>
   			<div class="imgs">
   				<div class="tijiaoright" id="dituContent">
            		<div id="container" style="width:800px; height:300px"></div>
            	</div>
   			</div>
   </div>
   <div class="ditu">
   		<h3>广州校咖网络有限公司</h3>
   			<div class="imgs">
   				<div class="tijiaoright" id="dituContent">
            		<div id="containerOld" style="width:800px; height:300px"></div>
            	</div>
   			</div>
   </div>
   
    <!--footer开始-->
	<jsp:include page="footer.jsp"></jsp:include>
<script type="text/javascript">

function addUserInfo(){
	var f = false;
	var userName = $("#userName").val();
	var phone = $("#phone").val();
	/* var companyName =  $("#companyName").val();
	var positionName = $("#positionName").val(); */
	var cooperationNeeds = $("#cooperationNeeds").val();
	if(userName.trim()==""){
		$('input[name="userName"]').next('label').remove();
		$('input[name="userName"]').after('<label>姓名不能为空</label>');
		return;
	}else{
		$('input[name="userName"]').next('label').remove();
	}
	if(phone.trim()==""){
		$('input[name="phone"]').next('label').remove();
		$('input[name="phone"]').after('<label>电话不能为空</label>');
		return ;
	}else{
		$('input[name="phone"]').next('label').remove();
	}
	/* if(companyName.trim()==""){
		$('input[name="companyName"]').next('label').remove();
		$('input[name="companyName"]').after('<label>公司名称不能为空</label>');
		return ;
	}else{
		$('input[name="companyName"]').next('label').remove();
	}
	if(positionName.trim()==""){
		$('input[name="positionName"]').next('label').remove();
		$('input[name="positionName"]').after('<label>职位不能为空</label>');
		return ;
	}else{
		$('input[name="positionName"]').next('label').remove();
	} */
	/* if(cooperationNeeds.trim()==""){
		$('input[name="cooperationNeeds"]').next('label').remove();
		$('input[name="cooperationNeeds"]').after('<label>合作需求不能为空</label>');
		return ;
	}else{
		$('input[name="cooperationNeeds"]').next('label').remove();
	} */
	
	$.ajax({
		type : "post",
		url : "${path}/web/checkUser.html",
		dataType : "json",
		data : {userName:userName,phone:phone,cooperationNeeds:cooperationNeeds},
		success : function(data) {
			if(data.checkFlag){
				//存在
				$('#tijiao_button').after('<span class="error">用户已存在!</span>');
			}else{
				$.ajax({
					type : "post",
					url : "${path}/web/addUserIndex.html",
					dataType : "json",
					data : {userName:userName,phone:phone,cooperationNeeds:cooperationNeeds},
					success : function(data) {
						if(data.flag){
							//友好提示-成功
							$('#tijiao_button').after('<span class="success">保存成功!</span>');
							//alert("保存成功!");
						}else{
							//友好提示-失败
							$('#tijiao_button').after('<span class="error">保存失败!</span>');
						}
					}
				});
			}
		}
	});
};
var map = new AMap.Map('container', {
    resizeEnable: true,
    zoom:17,
    center: [116.338235, 39.970953]
});
var marker = new AMap.Marker({
    position: [116.338235, 39.970953],
    title:'北京校咖网络有限公司',
    map:map
});

var map = new AMap.Map('containerOld', {
    resizeEnable: true,
    zoom:16,
    center: [113.340793,23.171772]
});
var marker = new AMap.Marker({
    position: [113.340793,23.171772],
    title:'广州校咖网络科技有限公司',
    map:map
});


</script>